<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/
bootstrap.min.css">
<link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet" />
    <link rel="stylesheet" href="./index.css">
    <title>发布页面-master</title>
</head>

<body>
    
    <div class="alert info-box"></div>
    <div class="container1">
        
        <div class="wrap clearfix">
            <div class="wrap-left">
                <h2>黑马头条</h2>
                <a class="publ-1" href="../content/content.html"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                        height="16" fill="currentColor" class="bi bi-file-earmark-text" viewBox="0 0 16 16">
                        <path
                            d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z" />
                        <path
                            d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z" />
                    </svg>内容管理</a>
                <a href="../publish/publish.html"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                        fill="currentColor" class="bi bi-airplane" viewBox="0 0 16 16">
                        <path
                            d="M6.428 1.151C6.708.591 7.213 0 8 0s1.292.592 1.572 1.151C9.861 1.73 10 2.431 10 3v3.691l5.17 2.585a1.5 1.5 0 0 1 .83 1.342V12a.5.5 0 0 1-.582.493l-5.507-.918-.375 2.253 1.318 1.318A.5.5 0 0 1 10.5 16h-5a.5.5 0 0 1-.354-.854l1.319-1.318-.376-2.253-5.507.918A.5.5 0 0 1 0 12v-1.382a1.5 1.5 0 0 1 .83-1.342L6 6.691V3c0-.568.14-1.271.428-1.849Zm.894.448C7.111 2.02 7 2.569 7 3v4a.5.5 0 0 1-.276.447l-5.448 2.724a.5.5 0 0 0-.276.447v.792l5.418-.903a.5.5 0 0 1 .575.41l.5 3a.5.5 0 0 1-.14.437L6.708 15h2.586l-.647-.646a.5.5 0 0 1-.14-.436l.5-3a.5.5 0 0 1 .576-.411L15 11.41v-.792a.5.5 0 0 0-.276-.447L9.276 7.447A.5.5 0 0 1 9 7V3c0-.432-.11-.979-.322-1.401C8.458 1.159 8.213 1 8 1c-.213 0-.458.158-.678.599Z" />
                    </svg>发布文章</a>
            </div>
            <div class="wrap-right">
                <div class="wrap-right-top">
                    <a href=""><span class="quit">退出</span></a>
                    <a href=""><span class="nickname">昵称</span></a>
                </div>
                <form class="wrap-right-down ">
                    <input type="text" name="id" hidden>
                    <!-- 发布文章框 -->
                    <h4>发布文章</h4>
                    <hr>
                    <div class="title title-content">
                        <label for="title">标题：</label>
                        <input type="text" id="title" name="title">
                    </div>
                    <div class="channel title-content">
                        <label for="channel_id">频道：</label>
                        <select name="channel_id" id="channel_id" class="form-select">
                            <option value="" selected="">请选择文章频道</option>
                            <option value="1">频道1</option>
                            <option value="2">频道2</option>
                            <option value="3">频道3</option>
                        </select>
                    </div>
                    <div class="cover title-content">
                        <label for="img">封面:</label>
                        <label class="place" for="img">+</label>
                        <input class="img-file" type="file" name="img" id="img" hidden>
                        <img src="" alt="" class="rounded">
                    </div>
                    <div>
                        <label class="content-richtext">内容:</label>
                        <!-- 富文本编辑器 -->
                        <div id="editor—wrapper">
                            <div id="toolbar-container"><!-- 工具栏 --></div>
                            <div id="editor-container"><!-- 编辑器 --></div>
                          </div>
                        <!-- 记录富文本内容，用于表单收集  -->
                        <textarea name="content" class="publish-content" hidden></textarea>
                    </div>
                    <div class="">
                        <button type="button" class="btn btn-primary send">发布</button>
                    </div>
                </form>

            </div>
        </div>
    </div>

    <script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>
    <script src="../../form-serialize.js"></script>
    <script src="../utils/request.js"></script>
    <script src="../utils/alert.js"></script>
    <script src="./index.js"></script>
    <script src="../utils/auth.js"></script>
    <script src="../utils/editor.js"></script>
</body>

</html>